<template>
  <div>
    <div>
      <slot name="title" :title="title">
        {{ title }}
      </slot>
    </div>
    <div>
      <table class="table table-bordered table-stripped">
        <!-- 表格标题区域 -->
        <thead>
          <tr>
            <th>编号</th>
            <th>资产名称</th>
            <th>价格</th>
            <th>创建时间</th>
            <th>操作</th>
          </tr>
        </thead>
        <!-- 表格主体区域 -->
        <tbody>
          <tr v-for="item in arr" :key="item.id">
            <td>
              <slot name="Id" :Id="item.id">
                {{ item.id }}
              </slot>
            </td>
            <td>
              <slot name="Name" :ame="item.name">
                {{ item.name }}
              </slot>
            </td>
            <td>
              <slot name="Price" :Price="item.price">
                {{ item.price }}
              </slot>
            </td>
            <td>
              <slot name="Time" :Time="item.time">
                {{ item.time }}
              </slot>
            </td>
            <td>
              <button>
                <slot name="btn" :btn="del">
                  {{ del }}
                </slot>
              </button>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>
<script>
import 'bootstrap/dist/css/bootstrap.css'
export default {
  props: {
    arr: {
      type: Array,
      required: true
    }
  },
  data () {
    return {
      title: '品牌管理',
      del: '删除'
    }
  },

  created () {},

  methods: {}
}
</script>

<style scoped lang="less">
.my-goods-list {
  .badge {
    margin-right: 5px;
  }
}
</style>
